<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>Serendipity</title>
    <link rel="shortcut icon" href="style/images/favicon.png"/>
    <link rel="stylesheet" type="text/css" href="style.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="style/css/view.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="style/type/marketdeco.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="style/type/merriweather.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="style/css/queries.css" media="all"/>
    <!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="style/css/ie8.css" media="all"/>
    <![endif]-->
    <!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="style/css/ie9.css" media="all"/>
    <![endif]-->
    <script type="text/javascript" src="style/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="style/js/ddsmoothmenu.js"></script>
    <script type="text/javascript" src="style/js/html5.js"></script>
    <script type="text/javascript" src="style/js/jquery.fitvids.js"></script>
    <script type="text/javascript" src="style/js/selectnav.js"></script>

</head>

<body>
<div id="page" class="hfeed">
    <div id="wrapper">
        <header id="branding" role="banner">
            <h1 id="site-title">
                <a href="index.html" title="Serendipity" rel="home">
                    <img src="style/images/logo.png" alt="Serendipity"/>
                </a>
            </h1>

            <nav id="access" class="access" role="navigation">
                <div id="menu" class="menu">
                    <ul id="tiny">
                        <li><a href="index.html">Blog</a>
                            <ul>
                                <li><a href="post.html">Blog Post</a></li>
                            </ul>
                        </li>
                        <li><a href="gallery.html">Gallery</a></li>
                        <li><a href="misc.html">Styles</a>
                            <ul>
                                <li><a href="misc.html">Misc</a></li>
                                <li><a href="columns.html">Columns</a></li>
                                <li><a href="typography.html">Typography</a></li>
                            </ul>
                        </li>
                        <li><a href="about.html">About</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </div>
                <div class="triangle-l"></div>
                <div class="triangle-r"></div>
            </nav>
            <!-- #access -->
        </header>
        <!-- #branding -->

        <div id="main">

            <div id="primary">
                <div id="content" role="main">

                    <!-- <div class="intro">每天轻松一笑</div> -->

                    <!-- begin article -->
                    {foreach from=$list item=value }
                    <article class="post hentry format-image">
                        <header class="entry-header">
                            <h2 class="entry-title"><a href="read.php?tid={$value.tid}">{$value.title}</a></h2>
                            <div class="entry-meta">
                                <div class="entry-format"><span class="image-format">图片</span></div>
                                <span class="sep"> | </span>
                                <a href="#">
                                    <time class="entry-date">时间： {$value.time}</time>
                                </a>
                                <span class="sep"> | </span>
                                <div class="comments-link">作者：{$value.author}</div>
                                <span class="sep"> | </span>
                                <div class="comments-link">浏览次数：{$value.hits}</div>
                            </div>
                        </header>
                        <div class="entry-content">
                            {$value.intro}
                        </div>
                    </article>
                    {/foreach}
                    <!-- end article -->
                    <nav id="nav-fixed">
                        <div class="nav-previous"><a href="#" title="Older posts"><span class="meta-nav-prev">&larr;
                            Older posts</span></a></div>
                        <div class="nav-next"><a href="#" title="Newer posts"><span
                                class="meta-nav-next">Newer posts &rarr;</span></a></div>
                    </nav><!-- #nav-above -->

                    <div class="clear"></div>

                    <!-- Begin Page-navi -->
                    <ul class="page-navi">
                        <li><a href="#" class="current">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                    </ul>
                    <!-- End Page-navi -->

                </div><!-- #content -->
            </div><!-- #primary -->


        </div><!-- #main -->

        <footer id="colophon" role="contentinfo">

            <div id="site-generator">
                Copyright 2013 - Serendipity
            </div>

        </footer><!-- #colophon -->
    </div><!-- #wrapper -->
</div><!-- #page -->

<script type="text/javascript" src="style/js/scripts.js"></script>
</body>
</html>